<template>
  <div class="prompt-win" v-if="isShowPop">
    <div class="win-box bgcFFF absolute-center text-c">
      <p><i class="inline-block color3D7EFF iconfont icondagou1-copy"></i></p>
      <p class="fs16 txt title color45454D">报名成功</p>
      <p class="fs12 txt">活动还有三天进行，请留意信息</p>
      <p class="text-c btn">
          <span class="fs15 text-c inline-block" @click.stop="handleClose">完成</span>
      </p>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default{
    data(){
      return {
      }
    },
    props:['isShowPop'],
    methods:{
      handleClose(){
        this.$emit('close')
      }
    }
  }
</script>

<style scoped lang="scss">
  @import "../assets/css/base.scss";

  .prompt-win{
    position: fixed;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index:10;

    .win-box{
      width: 270px;
      height: 220px;
      padding:25px  25px 20px;
      box-sizing: border-box;
      border-radius: 12px;
      color: #333;

      .iconfont{
        width: 92px;
        height: 60px;
        font-size: 50px;

      }

      .txt {
        line-height: 26px;
      }

      .title {
        font-weight: 600;
      }

      .btn{
        margin-top: 15px;

        span{
          background: linear-gradient(left, #3DA0FF, #3D7EFF);
          width: 100%;
          height: 40px;
          line-height: 40px;
          color: #fff;
          border-radius: 22px;
        }
      }
    }
  }
</style>
